@charset "UTF-8";
body {
    width: 100%;
    height: 100%;
}

#content {
    width: 100%;
    height: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: absolute;
    overflow: hidden;
}

#content img {
    width: 100%;
    height: 100%;
    position: absolute;
}

@keyframes myfirst{
    from {top:0px;}
    to {top:400px;}
}

@-webkit-keyframes myfirst{
    from {top:0px;}
    to {top:400px;}
}
@-moz-keyframes myfirst{
    from {top:0px;}
    to {top:400px;}
}

@-o-keyframes myfirst{
    from{top:0px;}
    to{top:400px;}
}

#i1{
    width: 100%;
    height: 50px;
    background-color: red;
    position:absolute;
    transition: height 2s;
    -webkit-transition: height 2s;
    -o-transition: height 2s;
    -moz-transition: height 2s;;
    -ms-transition: height 2s;;
    /*animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
    -o-animation: myfirst 1s;
    -moz-animation:myfirst 1s*/
}

/*
#i1:hover{
    transform:translate(400px,0px);
}
*/
